<!doctype html public "-//w3c//dtd html 4.01//en">
<html>
	<head>
		<title>meey.co.uk</title>
		<script type="text/javascript" src="javascript/jquery-1.7.1.js"></script>
		<script type="text/javascript" src="javascript/modal.js"></script>
		<script type="text/javascript" src="javascript/sprites.js"></script>
		<script type="text/javascript" src="javascript/navigation.js"></script>
		<script type="text/javascript" src="javascript/carousel.js"></script>
		<script type="text/javascript" src="javascript/maps.js"></script>
		<script type="text/javascript" src="javascript/jquery.zrssfeed.min.js"></script>
				
		<link rel="stylesheet" href="css/lcf.css" type="text/css" media="screen"></link>
		<link rel="stylesheet" href="css/modal.css" type="text/css" media="screen"></link>
		<link rel="stylesheet" href="css/sprites.css" type="text/css" media="screen"></link>
		<link rel="stylesheet" href="css/navigation.css" type="text/css" media="screen"></link>
		<link rel="stylesheet" href="css/carousel.css" type="text/css" media="screen"></link>
		<link rel="stylesheet" href="css/forms.css" type="text/css" media="screen"></link>
		<link rel="stylesheet" href="css/typography.css" type="text/css" media="screen"></link>
		
		<!-- External Javascript -->
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyC0B6488HS5aHkHhQuVXG88V_yxoJMdVBU&sensor=false"></script>
		<!--
		<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f9b9c0e4e773b0a"></script>
-->

	</head>
	<body>
		<!-- This will become the generic header and navigation -->
		<div class="meey_top">
			<div class="meey_container">
				<a title="homepage" href=".">
					<div class="header" id="logo"></div>
				</a>
				<a href="https://twitter.com/#!/anthonymorris">
					<div class="social" id="twitter"></div>
				</a>
				<a href="http://www.linkedin.com/in/anthonypaulmorris">
					<div class="social" id="linkedin"></div>
				</a>
				<a href="https://plus.google.com/102125155908936949483#102125155908936949483/posts">
					<div class="social" id="google"></div>
				</a>
		<div class="head_search">
			<span class="text_shadow">Search Meey</span>
			<form action="http://www.google.com/search" method="get">
				<input type="text" name="q" class="search"/>
				<input type="image" src="images/www/search.png" alt="submit"> 
<!--
				<img src="images/www/search.png"/>-->
			</form>
		</div>
			</div>
			
			<div class="clearboth"></div>
		</div>

		<!-- 
			START OF NAVIGATION BLOCK
		-->
		<div id="meey_navigation">	
			<div id="meey_nav">
				<ul>
					<li>
						<img src="images/www/qm.png" style="vertical-align:middle"/>
						<a href="#">Why Meey?</a>
						<div class="mega_dropdown">
						
							<h2>Why Meey?</h2>
							<p>
								This is a sandbox & portfolio site to try out new ideas and so I can experiment with more advanced HTML/CSS/Javascript and learn a bit of PHP on top.
							</p>
							<p>
								I've crafted the main body of the website using Notepad++ so there are no machine generated elements. All code has been written from scratch.
								I'm not a creative designer so I have immitated what I felt were good design practices from other websites.   
							</p>
						</div>	
					</li>
					<li>
						<a href="#">current projects</a>
						<div class="mega_dropdown">
							<h2>What I'm working on</h2>
							<ul>
								<li>
									<a href="maps.php">Integrating Google Maps</a>
								</li>
								<li>
									<a href="sprites.php">Playing with Sprites</a>
								</li>
								<li>
									<a href="images.php">Image Carousel</a>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">history</a>
						<div class="mega_dropdown">
							CONTENT 3
						</div>	
					</li>					
					<li>
						<a href="#">blog</a>
						<div class="mega_dropdown">
							<h2>Blog Coming Soon...</h2>
							<p>The following blog is powered by Joomla</p>
							<p><a href="http://www.meey.co.uk/joomla">Blog</a></p>
						</div>
					</li>										
					<li>
						<a href="#">about me</a>
						<div class="mega_dropdown" id="about">
							<div class="meey_content_two_wide">
							<h2>About Me</h2>
							<p>Hi, I'm Anthony and this is my site. I've had a passion for computing for about as long as I can remember. I started out in the 8 bit world of the Commodore 64 and expanded into the web back in 94</p>
							<p>I started out building web pages and turned it into a business by monitising the sites though affiliate links and micro sites for friends. My career history is on <a href="http://www.linkedin.com/in/anthonypaulmorris">LinkedIn,</a></p>
							<p>I'm a professional member of the <a href="http://www.bcs.org">BCS</a></p>
							</div>
							<img src="images/www/ant.png" alt="site owner" class="meey_content_one_wide"/>	
						</div>
						<div class="clearboth"></div>
					</li>
					<li>
						<img src="images/www/rss.png" style="vertical-align:middle"/>
						<a href="#">RSS Feeds</a>
						<div class="mega_dropdown">
							<h2>Latest Topics</h2>
						</div>
					</li>
				</ul>
				<div class="clearboth"></div>
			</div>
		</div>
		<div id="breadcrumbs">			
			<div id="bread">
				<ul id="breadcrumbs">
					<li name="home"></li>
					<li name="first">
						home
					</li>
					<li name="last"></li>
				</ul>
				<div class="clearboth"></div>
				<!--
				<div id="searchbox">
					<form id="searchthis" method="get" action="/search">
						<div class="content">
							<input class="textfield rc4" type="text" value="" size="24" name="q">
							<input class="button rc4" type="submit" value="">
						</div>
					</form>
				</div>
				-->	
			</div>
			<div class="clearboth"></div>
		</div>
		
		<!-- CONTENT -->
		<div class="meey_content">
			<h1> Forms </h1>
			<form>
				<table class="form_table">
					<tr>
						<td colspan="2">Submit a walk...</td>
					</tr>
					<tr>
						<td>Title</td>
						<td><input type="text" class="form_text"/></td>
					</tr>
					<tr>
						<td>Postcode</td>
						<td><input type="text" class="form_text"/></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
					</tr>
				</table>
			</form>
			

		</div>
		

<div id="footer">
	<div class="meey_container">
		<div class="meey_content_one_column">
			<h2>Read Meey</h2>
			<a href="terms.php" class="footer_link">Terms and Conditions</a>
		</div>
		<div class="meey_content_one_column">
			<h2>Connect To Meey</h2>
<!-- AddThis Button BEGIN
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<!-- AddThis Button END -->
		</div>
		<div class="meey_content_one_column">
			<h2>Contact Meey</h2>
			<form>
				<table class="meey_frmtbl">
					<tr class="meey_frmhead">
						<td colspan="2">Feedback Form</td>
					</tr>
					<tr>
						<td>Email Address</td>
						<td><input type="text" class="meey_frmstyle meey_frmfld"/></td>
					</tr>

					<tr>
						<td>I want to talk about</td>
						<td>
							<select class="meey_frmstyle meey_frmfld">
								<option value="This Page"></option>
								<option value="General Question"></option>
								<option value="Link Building"></option>
							</select>
						</td>
					</tr>
					<tr>
						<td>Comments</td>
						<td><textarea class="meey_frmstyle meey_frmarea"></textarea></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td colspan="2"><input type="submit" class="meey_frmstyle meey_frmbut" value="Send Comments"/></td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<div class="clearboth"></div>
</div>

<div id="endofsite">
	<div class="meey_container">

		<span class="copyright">Copyright &copy; 2012</span>
		<a href="http://www.bcs.org" class="bcs"></a>
	</div>

	<!-- image modal box -->
	<div id="gallery" class="window">
		<a href="#" class="close">
			<div class="galclose"></div>
		</a>
		<div id="galimage"></div>
	</div>
	
	<!-- screen cover --> 
	<div id="cover"></div>	
	
</div>
			
	</body>
</html>
